<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="128.679"
    height="45"
    viewBox="0 0 128.679 45"
  >
    <g id="组_35" data-name="组 35" transform="translate(-307.161 -1930)">
      <path
        id="减去_2"
        data-name="减去 2"
        d="M-18.5-62H-90.356A22.418,22.418,0,0,0-82-79.5,22.418,22.418,0,0,0-90.357-97H-18.5A17.386,17.386,0,0,1-6.126-91.874,17.386,17.386,0,0,1-1-79.5,17.385,17.385,0,0,1-6.126-67.125,17.386,17.386,0,0,1-18.5-62Z"
        transform="translate(436.839 2032)"
        :fill="isActive?'#f7931a':'#d0d0d0' "
      />
      <text
        id="BTCB"
        transform="translate(391.161 1960)"
        :fill="isActive?'#fff':'#a8a8a8'"
        font-size="20"
        font-family="PingFangSC-Medium, PingFang SC"
        font-weight="500"
      >
        <tspan x="-27.21" y="0">BTCB</tspan>
      </text>
      <circle
        id="椭圆_15"
        data-name="椭圆 15"
        cx="22.5"
        cy="22.5"
        r="22.5"
        transform="translate(307.161 1930)"
        :fill="isActive?'#f7931a':'#d0d0d0'"
      />
      <path
        id="bitcoin-01"
        d="M60.247,17.764c.5-3.754-2.5-5.349-5.652-6.5l1.2-4.6-2.9-.7L51.847,10.4l-2.3-.5,1.2-4.5-2.852-.7L46.741,9.3l-5.7-1.4-.737,2.982,2.384.607a1.447,1.447,0,0,1,1.04,1.76L40.525,25.714a1.088,1.088,0,0,1-1.361.772l-1.985-.59L35.8,29.1l5.652,1.456-1.153,4.6,2.748.754L44.3,31.271l2.2.6-1.144,4.543,2.852.754,1.153-4.7s7.551,2.549,9.8-3.45c2.15-5.6-2.453-7.1-2.453-7.1A4.46,4.46,0,0,0,60.247,17.764Zm-6.372,8.773c-.6,4.049-8.7,1.352-8.7,1.352l1.578-6.146C46.749,21.735,54.525,22.784,53.875,26.538Zm.85-9c-.6,3.754-7.3,1.352-7.3,1.352l1.352-5.548C48.778,13.335,55.323,13.985,54.725,17.539Z"
        transform="translate(281.609 1932.067)"
        fill="#fff"
      />
    </g>
  </svg>
</template>
<script setup>
import { useStore } from "vuex";
import { ref, reactive, onMounted, computed } from "vue";
const store = useStore();
const props = defineProps({
  isActive: {
    type: Boolean,
    required: false,
    default:false
  },
});
</script>
<style lang="scss" scoped>
svg{
  height: 26px;
}
</style>
